<!DOCTYPE html>
<html lang="en">
<head>

    <title>文档预览</title>
    <meta charset="UTF-8"/>
    <script src="../../../../../../miniUI/scripts/boot.js" type="text/javascript"></script>
    <script src="../../../../../../ueditor/ueditor.config.js" type="text/javascript"></script>
    <script src="../../../../../../ueditor/ueditor.all.js" type="text/javascript"></script>
</head>
<style>
    body{
        margin:0;padding:0;border:0;width:100%;height:100%;overflow:scroll;
    }
    * {
        margin: 0;
        padding: 0;
    }
    /*图片上传*/

    html,
    body {
        width: 100%;
        height: 100%;
    }

    .container {
        width: 100%;
        height: 100%;
        overflow: auto;

        clear: both;
    }

    .z_photo {
        width: 8.5rem;
        height: 3rem;
        padding: 0.3rem;

        overflow: auto;
        clear: both;
        margin: 0.05rem auto;
        margin-left: 0;
        border: 1px solid #555;
    }

    .z_photo img {
        width: 1rem;
        height: 1rem;
    }

    .z_addImg {
        float: left;
        margin-right: 0.2rem;
    }

    .z_file {
        width: 1rem;
        height: 1rem;
        background: url(../../../../../scripts/images/z_add.png) no-repeat;
        background-size: 100% 100%;
        float: left;
        margin-right: 0.2rem;
    }

    .z_file input::-webkit-file-upload-button {
        width: 1rem;
        height: 1rem;
        border: none;
        position: absolute;
        outline: 0;
        opacity: 0;
    }

    .z_file input#file {
        display: block;
        width: auto;
        border: 0;
        vertical-align: middle;
    }
    /*遮罩层*/

    .z_mask {
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, .5);
        position: fixed;
        top: 0;
        left: 0;
        z-index: 999;
        display: none;
    }

    .z_alert {
        width: 3rem;
        height: 2rem;
        border-radius: .2rem;
        background: #fff;
        font-size: .24rem;
        text-align: center;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -1.5rem;
        margin-top: -2rem;
    }

    .z_alert p:nth-child(1) {
        line-height: 1.5rem;
    }

    .z_alert p:nth-child(2) span {
        display: inline-block;
        width: 49%;
        height: .5rem;
        line-height: .5rem;
        float: left;
        border-top: 1px solid #ddd;
    }

    .z_cancel {
        border-right: 1px solid #ddd;
    }

</style>
<body>

    <table style="width: 90%;margin: auto">
        <form id="form1">
        <tr>
            <td colspan="1">*模块名称:</td>
            <td>
                <input required="true" id="vCatalogName" name="vCatalogName" width="50%" class="mini-textbox">
            </td>
        </tr>
        </form>
        <tr style="display:none">
            <td width="10%">主键ID</td>
            <td width="70%"><input name="moduleDeclarationId" width="70%" class="mini-textbox" ></td>
        </tr>
        <tr>
            <td colspan="1">*模块说明:</td>
            <td>

                <div class="mini-panel" title="表单" style="width:850px;height:auto;" bodyStyle="overflow:hidden;"
                     showCollapseButton="true">

                    <div style="padding:5px">文本编辑器：</div>
                    <textarea id="container" name="container">
                      <p>MiniUI - 专业WebUI控件库</p>
                                    </br>
                                    <p>   快速开发，减少50%代码量</p>
                       <p>   丰富组件库，高性能、低内存</p>
                       <p>   支持 Java、.NET、PHP</p>
                       <p>   支持 IE6+、FireFox、Chrome</p>
                    </textarea>
                </div>

            </td>
        </tr>
        <tr>
            <td colspan="1">*图片附件:</td>
            <td>

                <div class="container">
                    <!--    照片添加    -->
<!--                    //     1.type属性为file-->
<!--                    //     2.accept为允许选择的文件格式（如果是图片，则选择弹框里不会出现其他格式的文件），-->
<!--                    // 3.onChange回调函数的参数是我们所选择的文件对象数据。-->
                    <div class="z_photo">
                        <div class="z_file">
                            <input type="file" name="file" id="file" value="" accept="image/*" multiple onchange="imgChange('z_photo','z_file');" />

                        </div>

                    </div>

                    <!--遮罩层-->
                    <div class="z_mask">
                        <!--弹出框-->
                        <div class="z_alert">
                            <p>确定要删除这张图片吗？</p>
                            <p>
                                <span class="z_cancel">取消</span>
                                <span class="z_sure">确定</span>
                            </p>
                        </div>
                    </div>
                </div>

            </td>
        </tr>
        <tr>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td width="20%"></td>
            <td width="40%">
                <button width="10%" onclick="onsave()" class="mini-button">保存</button>
                <button width="10%" class="mini-button">取消</button>        <!--没有点击事件-->
            </td>
            <td width="40%"></td>
        </tr>
    </table>
    <div></div>

</body>
</html>
<script src="../usermanual/js/mdmanagementinfo.js"></script>



